$border-color: #ccc;

ul {
  padding      : 5px;
  list-style   : none;
  display      : flex;
  margin-bottom: 0;
  flex-wrap    : wrap;
  // background: #efefef;

  li {
    border-radius: 0;
    border       : 0;
    box-shadow   : 1px 0 0 0 $border-color, 0 1px 0 0 $border-color, 1px 1px 0 0 $border-color, 1px 0 0 0 $border-color inset, 0 1px 0 0 $border-color inset;
    padding      : 8px 12px;
    transition   : all 0.3s;
    width        : calc(50% - 6px);
    margin       : 2.7px;
    height       : 36px;
    line-height  : 20px;
    cursor       : move;
    border       : 1px solid transparent;
    border-radius: 3px;
    transition   : all .3s;

    &:hover {
      // color     : @primary-color;
      // border    : 1px solid @primary-color;
      // position  : relative;
      // z-index   : 1;
      // box-shadow: 0 2px 6px @primary-color;
    }
  }
}